@use 'src/styles/abstracts' as *;

.BoxVirtualizer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: $grey-bg;
}

.BoxVirtualizer__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 30px;
  background-color: #fff;
  border-bottom: $border-dark;
  border-right: $border-dark;
  z-index: 3;
}

.BoxVirtualizer__container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}

.BoxVirtualizer__grid {
  display: inline;
  overflow: hidden;
}

.BoxVirtualizer__container__horizontalRuler {
  position: sticky;
  top: 0;
  height: 30px;
  min-width: 100%;
  border-bottom: $border-dark;
  background-color: #fff;
  z-index: 2;
}

.BoxVirtualizer__container__verticalRuler {
  position: sticky;
  left: 0;
  width: 200px;
  min-height: 100%;
  border-right: $border-dark;
  background-color: #fff;
  z-index: 2;
}
